<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="referrer" content="no-referrer" />
    <meta name="viewport" content="width=device-width, initial-scale=1,
            maximum-scale=1,
            minimum-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="../assest/style/reset.css">
    <link rel="stylesheet" href="../assest/style/font/iconfont.css">
    <link rel="stylesheet" href="../assest/style/common.css">
    <link rel="stylesheet" href="../assest/style/villa.css">
    <title>别墅</title>
</head>

<body>
    <div class="villa-index">
        <nav class="top flex fww pt-15 jc-sb bg-fff pl-15 pr-15">
          <li class="fcc item mb-10 active"> 推荐 </li>
          <li class="fcc item mb-10"> 海边别墅 </li>
          <li class="fcc item mb-10"> 海边别墅 </li>
          <li class="fcc item mb-10"> 海边别墅 </li>
          <li class="fcc item mb-10"> 海边别墅 </li>
          <li class="fcc item mb-10"> 海边别墅 </li>
          <li class="fcc item mb-10"> 海边别墅 </li>
          <li class="fcc item mb-10"> 海边别墅 </li>
          <li class="fcc item mb-10"> 海边别墅 </li>
          <li class="fcc item mb-10 fix"></li>
          <li class="fcc item mb-10 fix"></li>
          <li class="fcc item mb-10 fix"></li>
          <li class="fcc item mb-10 fix"></li>
        </nav>
  
        <div class="sort pb-15 flex jc-sa bg-fff f14 flex aic">
          <span class="bold">位置区域</span>
          <span class="bold">位置区域</span>
          <span class="bold">位置区域</span>
          <span class="bold">位置区域</span>
        </div>
  
        <ul class="goods-list">
          <li class="item bg-fff pl-15 pr-15 pt-10 pb-10 flex aic">
            <img
              class="img h100pc"
              src="https://img.villaday.com/images/house_392/88870280/88870280-10-14757134.jpg"
              alt=""/>
            <div class="t-box ml-10 fdc jc-sb h100pc">
              <p class="title f14 bold">较场尾·海角9号沙滩度假别墅</p>
              <p class="f999">陪陪匹配铺铺铺铺铺铺铺</p>
              <p>
                <span class="tag bg-red fff ding">闪订</span>
                <span class="tag">网红</span>
                <span class="tag">温泉</span>
                <span class="tag">海景</span>
              </p>
              <p>&yen;<span class="f18 red ml-5">3280</span>起</p>
            </div>
          </li>
          <li class="item bg-fff pl-15 pr-15 pt-10 pb-10 flex aic">
            <img
              class="img h100pc"
              src="https://img.villaday.com/images/house_392/88870280/88870280-10-14757134.jpg"
              alt=""/>
            <div class="t-box ml-10 fdc jc-sb h100pc">
              <p class="title f14 bold">较场尾·海角9号沙滩度假别墅</p>
              <p class="f999">陪陪匹配铺铺铺铺铺铺铺</p>
              <p>
                <span class="tag bg-red fff ding">闪订</span>
                <span class="tag">网红</span>
                <span class="tag">温泉</span>
                <span class="tag">海景</span>
              </p>
              <p>&yen;<span class="f18 red ml-5">3280</span>起</p>
            </div>
          </li>
        </ul>
      </div>
</body>

</html>